
<!DOCTYPE html>
<html lang='id'>
<head>
<meta charset='UTF-8'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='wHymezJ0LXGQTV2YP_YPJX-MrU9AIrsfsXOhdyjeDSg' name='google-site-verification'/>
<meta content='a163d51cbb48f04d' name='y_key'/>
<meta content='1' name='revisit-after'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blog tutorial, blogger, blogspot, tutorial javascript, tutorial jquery, desain, tutorial css, kumpulan tutorial blog, cara membuat blog, membuat blog, blog' name='keywords'/>
<meta content='Situs tutorial dan desain mandiri dunia kode' name='description'/>
<meta content='Taufik Nurrohman' name='author'/>
<title>Kode Heksa Warna ~ DTE :]</title>
<link href='http://hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html' rel='canonical'/>
<link href='https://plus.google.com/108949996304093815163/posts' rel='author'/>
<link href='http://hompimpaalaihumgambreng.blogspot.com/atom.xml' rel='alternate' title='DTE :]' type='application/atom+xml'/>
<link href='http://hompimpaalaihumgambreng.blogspot.com/rss.xml' rel='alternate' title='DTE :]' type='application/rss+xml'/>
<link href='http://hompimpaalaihumgambreng.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<!--[if IE]><script type='text/javascript' src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script><![endif]-->
<link href='http://hompimpa.googlecode.com/svn/trunk/personal/css/main.css' media='screen' rel='stylesheet' type='text/css'/>
<link href='http://hompimpa.googlecode.com/svn/trunk/personal/css/secondary.css' rel='stylesheet' type='text/css'/>
<!--[if IE]><link rel='stylesheet' type='text/css' href='http://hompimpa.googlecode.com/svn/trunk/personal/css/ie.css'/> <script src='http://hompimpa.googlecode.com/files/css3-mediaqueries.js' type='text/javascript'></script><![endif]--><!--<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
<style type='text/css'></style>--><!--[if lt IE 9]><link rel='stylesheet' type='text/css' href='http://hompimpa.googlecode.com/svn/trunk/personal/css/lt-ie9.css'/><![endif]-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body class='init'>
<div id='out-shadow'>
<div id='status'><strong>?</strong>
<div class='pengumuman section' id='pengumuman'><div class='widget HTML' id='HTML5'>
<h2 class='title'>Pembaharuan</h2>
<div class='widget-content'>
<ol><li><a href="/2012/03/kumpulan-blogger-thread-comment-hack.html">Kumpulan Blogger Thread Comment Hack</a></li><li><a href="/2011/08/tag-kondisional-tingkat-lanjut.html">Tag Kondisional Tingkat Lanjut</a></li><li><a href="/2011/07/dua-gaya-drop-down-menu-dengan-efek.html">Hompimenu</a></li><li><a href="/2011/07/daftar-desain-css-button-dari-berbagai.html">Daftar CSS Desain Button dari Berbagai Situs</a></li><li><a href='/2012/03/daftar-tema-widget-daftar-isi-blogger.html'>Daftar Tema - Widget Daftar Isi Blogger Bernavigasi</a></li><li><a href='/2011/10/javascript-recent-commentkomentar.html'>JavaScript Recent Comments</a></li><li><a href='/2011/11/widget-daftar-isi-blogger-galeria.html'>Daftar Isi Blogger Galleria</a></li></ol>
</div>
</div></div>
</div>
<header id='header-wrapper'>
<form action='/p/cari-artikel.html' class='searchform' id='cse-search-box' target='_blank'>
<div class='google-telusur'>
<input autocomplete='off' class='searchfield' id='q' name='q' onfocus='this.value="";' type='text'/>
</div>
</form>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
DTE :]: Kode Heksa Warna
</h1>
<a href='/' id='header-logo'>
<span class='char-d'></span>
<span class='char-t'></span>
<span class='char-e'></span>
<span class='char-symb' title='Dora the Exploder'></span>
</a>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>Ketika sebaris kode tak berhenti menatap dan tampak naksir kepada Anda.</span></p>
</div>
</div>
</div></div>
<div id='about'>
<h2>Tentang Blog Ini<a href='#taufik' id='closeab'>&#215;</a></h2>
<div class='col left'>
<p><span class='drop-cap'>B</span>log ini adalah tempat Saya menuangkan hasil-hasil karya Saya sekaligus menyisipkan metode-metode tutorial yang sedikit berbeda untuk mempermudah pemahaman dalam pengetahuan dunia kode yang umumnya tampak terlalu abstrak untuk dimengerti. Meskipun pada dasarnya Saya hanya berusaha untuk mendokumentasikan apa saja yang telah Saya kuasai saat Saya mempelajari sesuatu secara otodidak.</p>
<h2>Tentang Saya</h2>
<p>Singkat saja. Nama Saya Taufik Nurrohman. Seorang pelajar keliling biasa yang mencoba menguasai bidang-bidang yang Saya tuliskan dengan baik di sini melalui dunia luar. Menguasai HTML, CSS dan JQuery. Menerima pekerjaan sebagai <em>freelance coder</em> untuk memodifikasi atau memperbaiki template blogspot yang kurang menarik. Bekerja dengan Notepad++. Tidak memiliki kemampuan dalam bidang desain grafis, namun Saya tidak keberatan dengan CSS3. Sementara ini Saya tidak memberikan jasa desain (apalagi kloning) untuk kalangan umum. Pekerjaan non-blogspot bisa Saya terima asalkan Saya masih bisa bekerja dengan tangan. Dengan aplikasi berbasis editor teks. Penjelasan lebih lengkap bisa Anda dapatkan dengan cara menghubungi Saya melalui <a href='http://hompimpa.googlecode.com/svn/trunk/personal/kontak.html'>email</a></p>
<p style='text-align:right;'><a href='https://plus.google.com/108949996304093815163/posts' target='_blank'>Taufik Nurrohman</a></p>
</div>
<div class='col right sidebar'>
<ul>
<li><a href='http://latitudu.blogspot.com'>Life is Be U to Full</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=298900102869691923' target='_blank'>Ikuti Blog Ini</a></li>
</ul>
<h2>Proyek Google Saya</h2>
<ul>
<li><a href='http://code.google.com/p/hompimpa/source/browse/#svn%2Ftrunk'>Hompimpa</a></li>
<li><a href='http://code.google.com/p/reader-download/source/browse/#svn%2Ftrunk'>Reader Download</a></li>
</ul>
</div>
<div class='clear'></div>
</div>
</header>
<div id='main-wrapper'>
<div id='iklan-b-wrapper'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style'>
<div class='addthis_inner'>
<span class='addthis-tooltip'>Bagikan kepada teman!</span>
<a class='addthis_button_preferred_1'></a>
<a class='addthis_button_preferred_2'></a>
<a class='addthis_button_preferred_3'></a>
<a class='addthis_button_preferred_4'></a>
<a class='addthis_button_compact'></a>
<a class='addthis_counter addthis_bubble_style'></a>
</div>
<a class='subscribe' href='http://feedburner.google.com/fb/a/mailverify?uri=HompimpaAlaihumGambreng&amp;loc=en_US' target='_blank'>Subscribe</a>
</div>
<div class='clear'></div>
<!-- AddThis Button END -->
</div>
<div id='top-ribbon'>
<div id='subscribeform'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=HompimpaAlaihumGambreng", "popupwindow", "scrollbars=yes,width=570,height=520");return true' target='popupwindow'>
<input class='email-input black' name='email' placeholder='Ketik alamat email Anda...' type='text'/>
<input name='uri' type='hidden' value='HompimpaAlaihumGambreng'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='email-submit' type='submit' value='Berlangganan'/>
</form>
<br/><a class='closeform' href='#' style='float:right;margin-right:10px;color:white;font:bold 11px Sans-Serif;text-decoration:none;'>&#215;</a>
</div>
<div class='img-container'>
<a href='/search/label/Template' target='_blank'><img alt='orang sukses' src='http://3.bp.blogspot.com/-xBYx0e1vSLo/TstBcU365uI/AAAAAAAABW4/iv3PiNxuUy0/s1600/colormap.png'/></a>
</div>
<ul id='level'>
<li class='satu'><a href='/p/tingkat-dasar.html'>Dasar</a></li>
<li class='dua'><a href='/p/menengah.html'>Menengah</a></li>
<li class='tiga'><a href='/p/tingkat-lanjut.html'>Tingkat Lanjut</a></li>
<li class='eks'><a href='/search/label/Eksperimen'>Eksperimen</a></li>
</ul>
</div>
<nav id='taufik'>
<ul>
<li class='depan'><a href='/'>Beranda</a></li>
<li><a href='#'>Alat & Referensi</a>
<ul class='hidden'>
<li><a href='http://hompimpa.googlecode.com/svn/trunk/CSS3ButtonGenerator-V3/index.html' target='_blank'>Generator Tombol CSS3</a></li>
<li><a href='http://hompimpa.googlecode.com/svn/trunk/CSSBeatComp/index.html' target='_blank'>Kompresor & Dekompresor CSS</a></li>
<li><a href='/p/functionvar-awindowfunction-bgthis.html'>Konverter HTML</a></li>
<li><a href='http://hompimpa.googlecode.com/svn/trunk/Lipsum-UI/index.html' target='_blank'>Generator Lorem Ipsum</a></li>
<li><a href='/p/tabel-kode-warna-khusus-hitam.html'>Tabel Kode Warna Khusus Hitam</a></li>
<li><a href='/p/color-name-hex-color-aliceblue-f0f8ff.html'>Tabel Warna Non-Kode</a></li>
<li><a href='http://hompimpaalaihumgambreng.blogspot.com/p/web-safe-color.html'>Web Safe Color</a></li>
<li><a href='/p/kode-heksa-warna.html'>Kode Heksa Warna</a></li><!-- http://hompimpaalaihumgambreng.blogspot.com/p/function-barvakoda-document.html -->
<li><a href='/p/generator-css-border-radius.html'>Generator CSS Border Radius</a></li>
</ul>
</li>
<li><a href='/p/daftar-isi-buku.html'>Daftar Isi</a>
<ul class='hidden'>
<li><a href='/p/daftar-isi-buku.html'>Arsip Buku</a></li>
<li><a href='/p/daftar-isilabel.html'>Berdasarkan Label</a></li>
<li><a href='http://hompimpa.googlecode.com/svn/trunk/Blogger-Masonry-Widget/index.html'>Tampilan Ringan</a></li>
</ul>
</li>
<li><a href='#'>Tentang</a>
<ul class='hidden'>
<li><a href='#' id='openab'>Profil dan Kontak <span style='float:right;'>&#9660;</span></a></li>
<li><a href='/p/kebijakan-privasi.html'>Kebijakan dan Privasi</a></li>
<li><a href='/p/blog-roll.html'>Blog Roll</a></li>
<li><a href='http://sekaratmutlak.blogspot.com/'>Halaman Demo</a></li>
</ul>
</li>
</ul>
</nav>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='breadcrumb'><a href='http://hompimpaalaihumgambreng.blogspot.com/' rel='tag'>Beranda</a> &#187; Kode Heksa Warna
<span class='kanan'><a href='#' onclick='window.open("http://translate.google.com/translate?u="+encodeURIComponent(location.href)+"&amp;langpair=id%7Cen&amp;hl=en"); return false;' rel='nofollow' target='_blank' title='English'>Translate &#9658;</a></span>
</div>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->

        <div class="date-outer">
      

        <div class="date-posts">
      
<div class='post-outer'>
<article class='post hentry' data-author='Taufik Nurrohman$' id='5427186341230657453'>
<h2 class='post-title entry-title'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html' title='Kode Heksa Warna'>Kode Heksa Warna</a>
</h2>
<div class='post-body entry-content'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script><script src="http://hompimpa.googlecode.com/files/fabrastic.js" type="text/javascript">
</script> <script charset="utf-8" type="text/javascript">
$(document).ready(function(){$("#demo").fadeOut();var a=$.farbtastic("#picker");var b=$("#picker").css("opacity",.7);var c;$(".colorwell").each(function(){a.linkTo(this);$(this).css("opacity",.8)}).focus(function(){if(c){$(c).css("opacity",1).removeClass("colorwell-selected")}a.linkTo(this);b.animate({opacity:"1"},200);$(c=this).animate({opacity:"1"},200).addClass("colorwell-selected")})})
</script> <style type="text/css">
#main-wrapper{width:97.8% !important;}
#sidebar-wrapper,#taufik,#iklan-wrapper,#top-ribbon{display:none !important;}
#picker{position:relative;float:left;display:inline;}
.post-body{padding:30px;font-size:120%;}
.farbtastic{
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 200px;
  height: 200px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background:url(http://1.bp.blogspot.com/-zMpb09PUHZU/Tjy1tmi4UrI/AAAAAAAAAjY/zlenHhCocJs/s1600/wheel.png) no-repeat;
  width: 220px;
height:200px;
float:left; /*   height: 195px; */
}
.farbtastic .overlay {
  background: url(http://1.bp.blogspot.com/-PaUcFhcDwUA/Tjy1tVTFklI/AAAAAAAAAjQ/UtHBPOw57QM/s1600/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(http://4.bp.blogspot.com/-hIQhGKwvhHc/Tjy1tHplZsI/AAAAAAAAAjI/p3fDFOflC44/s1600/marker.png) no-repeat;
}
.form-item{
border-width:1px;border-style:solid;border-color:#ccc;
background: #eee;
padding:5px 10px 5px 5px;text-align:right;
font-weight:bold;
}
input.colorwell {
border: 2px solid #666;
width: 8em;
padding:5px 7px;margin:0 10px 0 0;
cursor:pointer;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
body .colorwell-selected {
border: 2px solid #444;
font-weight: bold;
cursor:default;
}
label{margin-right:15px;}
#wrapper{height:200px;overflow:auto;width:64%;border:5px solid #bbb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;float:right;display:inline;}
@media screen and (max-width:700px){
#wrapper,#picker{display:block;float:none;width:auto;}
}


</style><br />
<div id="demo">Gagal terakses!</div><form action=""><div id="picker"></div><div id="wrapper"><div class="form-item"><label for="color1">Warna 1:</label><input class="colorwell" id="color1" name="color1" type="text" value="#123456" /></div><div class="form-item"><label for="color2">Warna 2:</label><input class="colorwell" id="color2" name="color2" type="text" value="#123456" /></div><div class="form-item"><label for="color3">Warna 3:</label><input class="colorwell" id="color3" name="color3" type="text" value="#123456" /></div><div class="form-item"><label for="color4">Warna 4:</label><input class="colorwell" id="color4" name="color4" type="text" value="#123456" /></div><div class="form-item"><label for="color5">Warna 5:</label><input class="colorwell" id="color5" name="color5" type="text" value="#123456" /></div><div class="form-item"><label for="color6">Warna 6:</label><input class="colorwell" id="color6" name="color6" type="text" value="#123456" /></div><div class="form-item"><label for="color7">Warna 7:</label><input class="colorwell" id="color7" name="color7" type="text" value="#123456" /></div><div class="form-item"><label for="color8">Warna 8:</label><input class="colorwell" id="color8" name="color8" type="text" value="#123456" /></div><div class="form-item"><label for="color9">Warna 9:</label><input class="colorwell" id="color9" name="color9" type="text" value="#123456" /></div><div class="form-item"><label for="color10">Warna 10:</label><input class="colorwell" id="color10" name="color10" type="text" value="#123456" /></div><div class="form-item"><label for="color11">Warna 11:</label><input class="colorwell" id="color11" name="color11" type="text" value="#123456" /></div><div class="form-item"><label for="color12">Warna 12:</label><input class="colorwell" id="color12" name="color12" type="text" value="#123456" /></div><div class="form-item"><label for="color13">Warna 13:</label><input class="colorwell" id="color13" name="color13" type="text" value="#123456" /></div><div class="form-item"><label for="color14">Warna 14:</label><input class="colorwell" id="color14" name="color14" type="text" value="#123456" /></div><div class="form-item"><label for="color15">Warna 15:</label><input class="colorwell" id="color15" name="color15" type="text" value="#123456" /></div><div class="form-item"><label for="color16">Warna 16:</label><input class="colorwell" id="color16" name="color16" type="text" value="#123456" /></div><div class="form-item"><label for="color17">Warna 17:</label><input class="colorwell" id="color17" name="color17" type="text" value="#123456" /></div><div class="form-item"><label for="color18">Warna 18:</label><input class="colorwell" id="color18" name="color18" type="text" value="#123456" /></div><div class="form-item"><label for="color19">Warna 19:</label><input class="colorwell" id="color19" name="color19" type="text" value="#123456" /></div><div class="form-item"><label for="color20">Warna 20:</label><input class="colorwell" id="color20" name="color20" type="text" value="#123456" /></div><div class="form-item"><label for="color21">Warna 21:</label><input class="colorwell" id="color21" name="color21" type="text" value="#123456" /></div><div class="form-item"><label for="color22">Warna 22:</label><input class="colorwell" id="color22" name="color22" type="text" value="#123456" /></div><div class="form-item"><label for="color23">Warna 23:</label><input class="colorwell" id="color23" name="color23" type="text" value="#123456" /></div><div class="form-item"><label for="color24">Warna 24:</label><input class="colorwell" id="color24" name="color24" type="text" value="#123456" /></div><div class="form-item"><label for="color25">Warna 25:</label><input class="colorwell" id="color25" name="color25" type="text" value="#123456" /></div></div></form>
<div class='clear'></div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
</div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
</span>
</div>
</div>
</article>
<!-- google_ad_section_end(name=default) -->
<div class='clear'></div>
<div class='inline-ad'>
<script type="text/javascript"><!--
google_ad_client="pub-4884309229437815";
google_ad_host="pub-1556223355139109";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_ad_host_channel="0001+S0009+L0007";
google_color_border="000000";
google_color_bg="000000";
google_color_link="CCCCCC";
google_color_url="5687B8";
google_color_text="225588";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!-- google_ad_section_start -->
<div class='clear'></div>
<div class='comments' id='comments'>
</div>
</div>

      </div></div>
    
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='float-left'>
</span>
</div>
<div class='clear'></div>
</div></div>
</div>
<!-- end main -->
<div id='iklan-wrapper'>
<div class='iklan section' id='iklan1'><div class='widget HTML' id='HTML3'>
<div class='widget-content'>
<a class="ad-1" href="http://goo.gl/jAX6N" rel="nofollow" title="Pasang Iklan - Berminat? Hubungi Saya lewat email."><img alt="" src="http://2.bp.blogspot.com/-eDqi246XusY/Toc_EsgJp4I/AAAAAAAAAxY/4_7sYeQH6BU/s1600/125-125-dh.gif"/></a>
<a class="ad-2" href="http://www.blogger.com/rearrange?blogID=298900102869691923&amp;action=editWidget&amp;sectionId=iklan1&amp;widgetType=null&amp;widgetId=HTML3"><img title="Pasang Iklan - Berminat? Hubungi Saya lewat email." src="http://2.bp.blogspot.com/-eDqi246XusY/Toc_EsgJp4I/AAAAAAAAAxY/4_7sYeQH6BU/s1600/125-125-dh.gif"/></a>
<a class="ad-3" href="http://www.blogger.com/rearrange?blogID=298900102869691923&amp;action=editWidget&amp;sectionId=iklan1&amp;widgetType=null&amp;widgetId=HTML3"><img title="Pasang Iklan - Berminat? Hubungi Saya lewat email." src="http://2.bp.blogspot.com/-eDqi246XusY/Toc_EsgJp4I/AAAAAAAAAxY/4_7sYeQH6BU/s1600/125-125-dh.gif"/></a>
<a class="ad-4" href="http://www.blogger.com/rearrange?blogID=298900102869691923&amp;action=editWidget&amp;sectionId=iklan1&amp;widgetType=null&amp;widgetId=HTML3"><img title="Pasang Iklan - Berminat? Hubungi Saya lewat email." src="http://2.bp.blogspot.com/-eDqi246XusY/Toc_EsgJp4I/AAAAAAAAAxY/4_7sYeQH6BU/s1600/125-125-dh.gif"/></a><div class="clear"></div>
</div>
</div></div>
</div>
<aside id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget Label' id='Label1'>
<h2>Kategori</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Artikel%2FPosting%20Terkait?max-results=10'>Artikel/Posting Terkait
<span class='label-count' dir='ltr'>3 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Browser?max-results=10'>Browser
<span class='label-count' dir='ltr'>21 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Code%20Snippet?max-results=10'>Code Snippet
<span class='label-count' dir='ltr'>104 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/CSS?max-results=10'>CSS
<span class='label-count' dir='ltr'>129 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Dasar?max-results=10'>Dasar
<span class='label-count' dir='ltr'>47 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Desain%20Tampilan?max-results=10'>Desain Tampilan
<span class='label-count' dir='ltr'>53 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Efek?max-results=10'>Efek
<span class='label-count' dir='ltr'>40 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Eksperimen?max-results=10'>Eksperimen
<span class='label-count' dir='ltr'>35 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Gambar?max-results=10'>Gambar
<span class='label-count' dir='ltr'>27 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/HTML?max-results=10'>HTML
<span class='label-count' dir='ltr'>10 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/JavaScript?max-results=10'>JavaScript
<span class='label-count' dir='ltr'>64 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/JQuery?max-results=10'>JQuery
<span class='label-count' dir='ltr'>151 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/JQuery%20UI?max-results=10'>JQuery UI
<span class='label-count' dir='ltr'>11 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Komentar?max-results=10'>Komentar
<span class='label-count' dir='ltr'>26 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Menengah?max-results=10'>Menengah
<span class='label-count' dir='ltr'>65 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Menu?max-results=10'>Menu
<span class='label-count' dir='ltr'>25 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Navigasi?max-results=10'>Navigasi
<span class='label-count' dir='ltr'>31 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Pemecahan%20Masalah?max-results=10'>Pemecahan Masalah
<span class='label-count' dir='ltr'>28 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Posting?max-results=10'>Posting
<span class='label-count' dir='ltr'>50 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Proteksi%20Konten%20Blog?max-results=10'>Proteksi Konten Blog
<span class='label-count' dir='ltr'>5 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Regular%20Expression?max-results=10'>Regular Expression
<span class='label-count' dir='ltr'>22 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Slideshow?max-results=10'>Slideshow
<span class='label-count' dir='ltr'>15 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Tag%20Kondisional?max-results=10'>Tag Kondisional
<span class='label-count' dir='ltr'>11 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Tautan?max-results=10'>Tautan
<span class='label-count' dir='ltr'>13 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Template?max-results=10'>Template
<span class='label-count' dir='ltr'>4 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Tingkat%20Lanjut?max-results=10'>Tingkat Lanjut
<span class='label-count' dir='ltr'>87 Artikel</span>
</a>
</li>
<li>
<a dir='ltr' href='http://hompimpaalaihumgambreng.blogspot.com/search/label/Widget?max-results=10'>Widget
<span class='label-count' dir='ltr'>50 Artikel</span>
</a>
</li>
</ul>
</div>
</div><div class='widget PopularPosts' id='PopularPosts1'>
<h2>Entri Populer</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-isi-blogger-dengan-navigasi.html' target='_blank'>
<img alt='' height='72' src='http://2.bp.blogspot.com/-IxxglCv8Vwc/T1Ho5t0RW8I/AAAAAAAACRs/Oo6Vb0JE1uA/s72-c/toc-with-pagination-for-blogger.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-isi-blogger-dengan-navigasi.html'>Widget Daftar Isi Blogger dengan Navigasi Halaman</a></div>
<div class='item-snippet'>Navigasi halaman pada widget daftar isi??? Blogger???   Pada akhirnya Saya menemukannya, seorang penggagas JSON Blogger dengan sistem naviga...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/02/konfigurasi-jquery-nivo-slider.html' target='_blank'>
<img alt='' height='72' src='http://3.bp.blogspot.com/-8TeB0uRII1c/Tz_JF8JigpI/AAAAAAAACLA/sc0G06nSSxA/s72-c/nivo-slider.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/02/konfigurasi-jquery-nivo-slider.html'>Konfigurasi JQuery Nivo Slider</a></div>
<div class='item-snippet'> Nivo  adalah JQuery slider yang paling fleksibel dalam hal konfigurasi. Terdapat begitu banyak pilihan yang dapat Anda gunakan di dalamnya....</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-tema-widget-daftar-isi-blogger.html' target='_blank'>
<img alt='' height='72' src='http://1.bp.blogspot.com/-ikif5FYuulg/T41X0a81c9I/AAAAAAAACg4/sv-waEauci0/s72-c/minima-brown.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-tema-widget-daftar-isi-blogger.html'>Daftar Tema - Widget Daftar Isi Blogger dengan Navigasi</a></div>
<div class='item-snippet'>Di bawah ini adalah daftar tema untuk widget daftar isi Blogger dengan navigasi halaman . Untuk menerapkannya, caranya cukup dengan menggant...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/05/template-blogazine-210492.html' target='_blank'>
<img alt='' height='72' src='http://2.bp.blogspot.com/-hfBw9s_usPg/T8cgzPpVvVI/AAAAAAAADBA/bnq0Mxp7z5c/s72-c/blogazine210492.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/05/template-blogazine-210492.html'>Template Blogazine 21.04.92</a></div>
<div class='item-snippet'> Setelah beberapa bulan melakukan penelitian sendiri, merasakan bagaimana sulitnya membuat posting unik dan mengetahui apa yang bisa dipermu...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/tip-membuat-halaman-muka-blog.html' target='_blank'>
<img alt='' height='72' src='http://1.bp.blogspot.com/-Uolal6a_qk0/T3Lqd3J_SGI/AAAAAAAACaA/dC8fbXuq_20/s72-c/making-homepage-on-blogger.jpg' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/tip-membuat-halaman-muka-blog.html'>Tip: Membuat Halaman Muka Blog Tersendiri (Tanpa Posting)</a></div>
<div class='item-snippet'> Sebuah impian mungkin, bagi kalian untuk memiliki halaman muka/ homepage  blog tersendiri yang terbebas dari daftar posting yang telah dite...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2011/07/dua-gaya-drop-down-menu-dengan-efek.html' target='_blank'>
<img alt='' height='72' src='http://4.bp.blogspot.com/-Wq2lmWDGWdw/T1y4s6ceeLI/AAAAAAAACT8/-0VSbQHbgGc/s72-c/ss-hompimenu.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2011/07/dua-gaya-drop-down-menu-dengan-efek.html'>Tiga Gaya Menu Navigasi Bertingkat dengan Efek Smooth JQuery</a></div>
<div class='item-snippet'> Secara umum ada tiga tipe efek JQuery yang paling populer digunakan, yaitu efek Fade, Show dan Slide. Di sini Saya akan memberikan tiga bua...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2011/07/desain-menu-navigasi-terbaik-zipup.html' target='_blank'>
<img alt='' height='72' src='http://4.bp.blogspot.com/-nnLA8QIT5Y4/T11sNYo3ZMI/AAAAAAAACUM/Wi1ebZiQwCY/s72-c/ss-zipup.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2011/07/desain-menu-navigasi-terbaik-zipup.html'>Desain Menu Navigasi Terbaik: ZIPUP</a></div>
<div class='item-snippet'> ZIPUP  ( Zero Image - Pilled Up ), adalah menu navigasi JQuery dengan model bertumpuk sebagai ciri khasnya. Menu ini sama sekali tidak meng...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/custom-tinycarousel-for-blogger.html' target='_blank'>
<img alt='' height='72' src='http://4.bp.blogspot.com/-8OfmfwJgqYI/T2mlVWWhtDI/AAAAAAAACWs/ilXswWq5_jU/s72-c/custom-tiny-carousel-for-blogger.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/03/custom-tinycarousel-for-blogger.html'>Slideshow Otomatis Blogger dengan TinyCarousel (Custom)</a></div>
<div class='item-snippet'>Menjawab permintaan dari It's a Hardlife , Saya mencoba untuk memodifikasi JQuery Carousel yang sederhana karena slideshow  versi Agile Caro...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/01/basic-drop-down-menu.html' target='_blank'>
<img alt='' height='72' src='http://3.bp.blogspot.com/-Xx8MQ9Nrvzk/TxbnpjA7NSI/AAAAAAAAB-4/CeIP1RGwaaw/s72-c/basic-drop-down-menu.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/01/basic-drop-down-menu.html'>CSS Drop Down Menu Sederhana</a></div>
<div class='item-snippet'>  HTML <nav class='drop-menu'> Drop Down Menu     <ul>         <li><a href='#'>Home</a></li>         <li><a href='#'>About</a></li>         ...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='http://hompimpaalaihumgambreng.blogspot.com/2012/01/one-page-dynamic-website.html' target='_blank'>
<img alt='' height='72' src='http://4.bp.blogspot.com/-Um8ex3--ldw/TxOioOtqHwI/AAAAAAAAB9s/banBEMPc5r0/s72-c/jquery-scrollto.png' width='72'/>
</a>
</div>
<div class='item-title'><a href='http://hompimpaalaihumgambreng.blogspot.com/2012/01/one-page-dynamic-website.html'>Satu Halaman Website Statis dengan Efek Sliding</a></div>
<div class='item-snippet'> Setelah sukses mengeset ukuran elemen berdasarkan ukuran layar , sekarang adalah saatnya untuk menciptakan efek smooth scrolling  pada hala...</div>
</div>
<div class='clear' style='clear: both;'></div>
</li>
</ul>
</div>
</div><div class='widget BlogArchive' id='BlogArchive1'>
<h2>Arsip Blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>&#9660;&#160;</span>
</a>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/search?updated-min=2012-01-01T00:00:00%2B07:00&amp;updated-max=2013-01-01T00:00:00%2B07:00&amp;max-results=50'>2012</a>
<span class='post-count' dir='ltr'>(222)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_09_01_archive.html'>September</a>
<span class='post-count' dir='ltr'>(13)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_08_01_archive.html'>Agustus</a>
<span class='post-count' dir='ltr'>(9)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_07_01_archive.html'>Juli</a>
<span class='post-count' dir='ltr'>(22)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_06_01_archive.html'>Juni</a>
<span class='post-count' dir='ltr'>(9)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_05_01_archive.html'>Mei</a>
<span class='post-count' dir='ltr'>(29)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_04_01_archive.html'>April</a>
<span class='post-count' dir='ltr'>(36)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_03_01_archive.html'>Maret</a>
<span class='post-count' dir='ltr'>(29)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_02_01_archive.html'>Februari</a>
<span class='post-count' dir='ltr'>(24)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2012_01_01_archive.html'>Januari</a>
<span class='post-count' dir='ltr'>(51)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

          &#9658;&#160;
        
</span>
</a>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/search?updated-min=2011-01-01T00:00:00%2B07:00&amp;updated-max=2012-01-01T00:00:00%2B07:00&amp;max-results=50'>2011</a>
<span class='post-count' dir='ltr'>(158)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_12_01_archive.html'>Desember</a>
<span class='post-count' dir='ltr'>(40)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_11_01_archive.html'>November</a>
<span class='post-count' dir='ltr'>(21)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_10_01_archive.html'>Oktober</a>
<span class='post-count' dir='ltr'>(35)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_09_01_archive.html'>September</a>
<span class='post-count' dir='ltr'>(14)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_08_01_archive.html'>Agustus</a>
<span class='post-count' dir='ltr'>(21)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_07_01_archive.html'>Juli</a>
<span class='post-count' dir='ltr'>(16)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='post-count-link' href='http://hompimpaalaihumgambreng.blogspot.com/2011_06_01_archive.html'>Juni</a>
<span class='post-count' dir='ltr'>(11)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div><div class='widget HTML' id='HTML2'>
<h2 class='title'>Komunitas</h2>
<div class='widget-content'>
<div class="komunitas">
<a href="http://bloofers.org/" rel="nofollow" title="Bloofers" target="_blank"><img src="http://2.bp.blogspot.com/-6sWX965lrMM/UDjx6TCMkBI/AAAAAAAAEFE/k4812lpw4wA/s1600/bloof-logo.png" alt="bloofers" /></a>
<a href="http://blogazinist.com/author/taufik-nurrohman" rel="nofollow" title="Blogazinist Indonesia" target="_blank"><img src="http://1.bp.blogspot.com/-2z4JM4SAZPM/UDjx-kYk4DI/AAAAAAAAEFU/Sln47zbrc3o/s1600/logo-blogazine.png" alt="blogazinist" /></a>
<a href="http://cssdeck.com/user/tovic" rel="nofollow" title="CSS-Deck" target="_blank"><img src="http://1.bp.blogspot.com/-WRXH3U8MS6g/UDsL2AL5r9I/AAAAAAAAEI4/iYfOrDbuYc8/s1600/cssdeck-logo.png" alt="css-deck" /></a>
<a href="http://www.sxc.hu/profile/tovic" rel="nofollow" title="SXC" target="_blank"><img src="http://4.bp.blogspot.com/-rYqacLM8LAY/UDjyA1c6TaI/AAAAAAAAEFc/hFhJjQW0KPc/s1600/sxc-logo.png" alt="sxc" /></a>
<a href="http://stackoverflow.com/users/1163000/taufik-nurrohman" rel="nofollow" title="Stack Overflow" target="_blank"><img src="http://3.bp.blogspot.com/-bMVtZfVaLOM/UDsNZ8PmECI/AAAAAAAAEJA/sm-7wSB7xVc/s1600/stackoverflow-logo.png" alt="SO" /></a>
<a href="http://www.colourlovers.com/lover/tovic" rel="nofollow" title="Colour Lovers" target="_blank"><img src="http://1.bp.blogspot.com/-mR4gqPgm3PE/UDsf_xoHP3I/AAAAAAAAEKo/-N5OztfMn88/s1600/colourlovers.png" alt="Colour Lovers" /></a>
<a href="http://jsfiddle.net/user/tovic" rel="nofollow" title="JSFiddle" target="_blank"><img src="http://2.bp.blogspot.com/-lzfcsagfGEA/UDsrNlyTfTI/AAAAAAAAEMY/z-RDep7u-ro/s1600/jsfiddle-logo.png" alt="JSFiddle" /></a>
<a href="http://css-tricks.com/forums/profile/23696/Hompimpa" rel="nofollow" title="CSS-Tricks" target="_blank"><img src="http://3.bp.blogspot.com/-w-FHu7d1L2I/UDsrLCWHEbI/AAAAAAAAEMQ/n4Tg5IRSJsM/s1600/csstricks-logo.png" alt="CSS-Tricks" /></a>
</div>
</div>
</div><div class='widget HTML' id='HTML4'>
<h2 class='title'>Kuota Bebas
<span style='font-size:115%;'><span style='color:#D05D2A;'>&#9829; </span><span style='color:#F3A01E;'>&#9829; </span><span style='color:#ADC427;'>&#9829; </span><span style='color:#4A8DBD;'>&#9829; </span><span style='color:#7C48B5;'>&#9829; </span></span></h2>
<div class='widget-content'>
<div class="center"><div id="quoteFrame" class="framePreloader center" style="height:190px !important;"></div></div>
</div>
</div></div>
</aside>
<div class='sidebarbox'>
<div class='iklan section' id='iklan2'><div class='widget HTML' id='HTML6'>
<h2 class='title'>Iklan</h2>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4884309229437815";
google_ad_host = "pub-1556223355139109";
/* Sidebar-Box */
google_ad_slot = "9999971284";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div></div>
</div>
<div class='clear'></div>
<footer id='onderrok'>
<div class='sidebar section' id='footer'></div>
<div class='oktroi'><span class='blog-dir' style='float:left;display:inline;'>Desain <em>Template</em> oleh <a class='vcard fn given-name' data-href='http://www.blogger.com/profile/17973546667775491071' href='https://plus.google.com/108949996304093815163/about' rel='me'>Taufik Nurrohman</a></span>
<span style='float:right;display:inline;'>
<span class='blog-dir'></span>

Oktroi Juni 2011</span>
</div>
</footer>
<div class='friendly-hidden'><a href='http://www.blogtopsites.com/webdesign/' rel='nofollow' target='_blank' title='web design blogs'><img alt='web design blogs' src='http://www.blogtopsites.com/v_121497.gif'/></a>
<a href='http://bloggers.com' target='_blank'><img alt='Bloggers - Meet Millions of Bloggers' src='http://bloggers.com/b/40752/cm/img_b_01.png' title='Bloggers - Meet Millions of Bloggers'/></a></div>
</div>
<a href='#top' id='gotop'></a>
<script src='http://hompimpa.googlecode.com/svn/trunk/personal/general-script.js' type='text/javascript'></script>
<div class='alexa' id='alexa'>
<!-- a href='http://www.alexa.com/siteinfo/http://hompimpaalaihumgambreng.blogspot.com' target='_blank'><script src='http://xslt.alexa.com/site_stats/js/s/a?url=http://hompimpaalaihumgambreng.blogspot.com' type='text/javascript'/></a><br/> <a href='http://www.copyscape.com/web-copyright-protection/'><img alt='Protected by Copyscape Website Copyright Protection' height='31' src='http://banners.copyscape.com/images/cs-wh-3d-88x31.gif' title='Protected by Copyscape Plagiarism Checker - Do not copy content from this page.' width='88'/></a> <br/> <a href='http://www.prchecker.info/' target='_blank' title='Check PageRank'> <img alt='Check PageRank' src='http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2hvbXBpbXBhYWxhaWh1bWdhbWJyZW5nLmJsb2dzcG90LmNvbQ==&amp;amp;tag=3'/></a -->
<div class='center'>
<script src='http://feedjit.com/serve/?vv=955&amp;tft=3&amp;dd=1&amp;wid=f68ef6114e895d21&amp;pid=1&amp;proid=1&amp;bc=5C636B&amp;tc=FFFFFF&amp;brd1=333333&amp;lnk=B5CDE6&amp;hc=FFFFFF&amp;hfc=464E52&amp;btn=1E2224&amp;ww=250&amp;wne=1&amp;wh=Lalu+Lintas+Pengunjung&amp;hl=1&amp;hlnks=1&amp;hfce=1&amp;srefs=1&amp;hbars=1' type='text/javascript'></script>
</div>
<a href='http://www.blogger.com/rearrange?blogID=298900102869691923&amp;widgetType=HTML&amp;widgetId=HTML2&amp;action=editWidget&amp;sectionId=sidebar' target='_blank'>Edit 1</a> | <a href='http://www.blogger.com/rearrange?blogID=298900102869691923&amp;action=editWidget&amp;sectionId=sidebar&amp;widgetType=null&amp;widgetId=HTML4' target='_blank'>Edit 2</a> | <a href='http://live.feedjit.com/live/hompimpaalaihumgambreng.blogspot.com/4f5f64c5df599d0c/' target='_blank'>Lebih Lengkap</a>
</div>
<!-- end alexa -->
<script>//<![CDATA[
$('.avatar-image-container img').each(function() {
  if ($(this).attr('longdesc') && ($(this).attr('src') == "http://img1.blogblog.com/img/blank.gif")) {
    $(this).attr('src',$(this).attr('longdesc').replace(/\/s[0-9]+/, "/s50")).removeAttr('longdesc').show();
  }
});
//]]></script>
<script src='http://hompimpa.googlecode.com/svn/trunk/personal/huge-script.js' type='text/javascript'></script>
<script src='http://hompimpa.googlecode.com/svn/trunk/personal/highlight.js' type='text/javascript'></script>
<script type='text/javascript'>var addthis_config = {"data_track_addressbar":true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4dfacea85b106d59' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
function framePreloader(frame, url, h) {
	$(frame).html('<iframe src="' + url + '" style="width:100%;height:' + h + 'px;" frameborder="0"></iframe>');
}
function frameReloader(triggerParent, title, target, url, h, text) {
	$(triggerParent).append(' - <a href="#">' + title + '</a>');
	$('a', triggerParent).on("click", function() {
		$('#loadingtext').html('<span>' + text + '</span>');
		$(target).find('iframe').attr('src', '');
		$('iframe', target).one("load", function() {
			$('#loadingtext').html('<span>' + text + '</span>');
			$(this).attr('src', url).on("load", function() {
				$('#loadingtext span').remove();
			});
		});
		return false;
	});
}
$(window).on("load", function() {
	framePreloader('#quoteFrame', 'http://www-blogger-opensocial.googleusercontent.com/gadgets/ifr?url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F112764733758979090903%2FCheekyQuote.xml&container=blogger&view=default&lang=in&country=ALL&sanitize=0&v=f48a74102ae40e13&libs=com.google.gadgets.analytics%3Acore%3Adynamic-height%3Askins&parent=http://hompimpaalaihumgambreng.blogspot.com/&mid=0&zx=tezzk57wn5tn#st=e%253DAFlCd0UDfBtt%252BCWV5U0F%252BOOpKM3sfoYLG89PbVI2LCyPWcFUGuXMrbzDLRNV45oiITwcz%252Bomw63bpx8Q8lvNkxMDHjUyjBMh15oqqDcxqjPyj%252Fp%252B%252FRS7AKcUB53AtAD5IDtmpj3jcyUq&c=blogger&rpctoken=207581374467653692', '190');
});

//]]>
</script>
<!-- not error -->
<script type='text/javascript'>
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-27593783-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = (document.location.protocol == 'https:' ?
                  'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
      })();
    </script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="//www.blogger.com/static/v1/widgets/3225182667-widgets.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '298900102869691923';BLOG_attachCsiOnload('static_page_'); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d298900102869691923','//hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html','298900102869691923');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '298900102869691923', 'bloggerUrl': 'http://www.blogger.com', 'title': 'DTE :]', 'pageType': 'static_page', 'url': 'http://hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html', 'canonicalUrl': 'http://hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html', 'canonicalHomepageUrl': 'http://hompimpaalaihumgambreng.blogspot.com/', 'homepageUrl': 'http://hompimpaalaihumgambreng.blogspot.com/', 'blogspotFaviconUrl': 'http://hompimpaalaihumgambreng.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'analyticsAccountNumber': 'UA-27593783-1', 'searchLabel': '', 'searchQuery': '', 'pageName': 'Kode Heksa Warna', 'pageTitle': 'DTE :]: Kode Heksa Warna', 'metaDescription': '', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42DTE :] - Atom\42 href\75\42http://hompimpaalaihumgambreng.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42DTE :] - RSS\42 href\75\42http://hompimpaalaihumgambreng.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42DTE :] - Atom\42 href\75\42http://www.blogger.com/feeds/298900102869691923/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\075298900102869691923\42 /\076', 'meTag': '', 'openIdOpTag': '', 'googleProfileUrl': 'https://plus.google.com/108949996304093815163', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window,b\75\42jstiming\42,d\75\42tick\42;var e\75function(c){this.t\75{};this.tick\75function(c,p,h){h\75void 0!\75h?h:(new Date).getTime();this.t[c]\75[h,p]};this[d](\42start\42,null,c)},f\75new e;a.jstiming\75{Timer:e,load:f};if(a.performance\46\46a.performance.timing){var g\75a.performance.timing,j\75a[b].load,k\75g.navigationStart,l\75g.responseStart;0\74k\46\46l\76\75k\46\46(j[d](\42_wtsrt\42,void 0,k),j[d](\42wtsrt_\42,\42_wtsrt\42,l),j[d](\42tbsd_\42,\42wtsrt_\42))}\ntry{var m\75null;a.chrome\46\46a.chrome.csi\46\46(m\75Math.floor(a.chrome.csi().pageT),j\46\0460\74k\46\46(j[d](\42_tbnd\42,void 0,a.chrome.csi().startE),j[d](\42tbnd_\42,\42_tbnd\42,k)));null\75\75m\46\46a.gtbExternal\46\46(m\75a.gtbExternal.pageT());null\75\75m\46\46a.external\46\46(m\75a.external.pageT,j\46\0460\74k\46\46(j[d](\42_tbnd\42,void 0,a.external.startE),j[d](\42tbnd_\42,\42_tbnd\42,k)));m\46\46(a[b].pt\75m)}catch(n){};a.tickAboveFold\75function(c){var i\0750;if(c.offsetParent){do i+\75c.offsetTop;while(c\75c.offsetParent)}c\75i;750\76\75c\46\46a[b].load[d](\42aft\42)};var q\75!1;function r(){q||(q\75!0,a[b].load[d](\42firstScrollTime\42))}a.addEventListener?a.addEventListener(\42scroll\42,r,!1):a.attachEvent(\42onscroll\42,r);\n })();\74/script\076', 'mobileHeadScript': '', 'adsenseClientId': 'pub-4884309229437815', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/04452fcc9c8aa994'}}, {'name': 'skin', 'data': {'vars': {}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'pengumuman', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', null, document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', null, document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'iklan1', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'homepage', null, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'iklan2', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'Laman', 'links': [{'href': 'http://hompimpaalaihumgambreng.blogspot.com/', 'title': 'Beranda', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/generator-css-border-radius.html', 'title': 'Generator CSS Border Radius', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/cari-artikel.html', 'title': 'Cari Artikel', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/kode-heksa-warna.html', 'title': 'Kode Heksa Warna', 'isCurrentPage': true}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/kebijakan-privasi.html', 'title': 'Kebijakan \46 Privasi', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/daftar-isi-buku.html', 'title': 'Daftar Isi Buku', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/tabel-kode-warna-khusus-hitam.html', 'title': 'Tabel Kode Warna Khusus Hitam', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/web-safe-color.html', 'title': 'Web Safe Color', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/color-name-hex-color-aliceblue-f0f8ff.html', 'title': 'Tabel Kata Kunci Warna', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/functionvar-awindowfunction-bgthis.html', 'title': 'Konverter HTML', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/kontak-saya.html', 'title': 'Kontak Saya', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/portofolio.html', 'title': 'Portfolio', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/blog-roll.html', 'title': 'Blog Roll', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/daftar-isilabel.html', 'title': 'Daftar Isi/Label', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/tingkat-dasar.html', 'title': 'Tingkat Dasar', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/menengah.html', 'title': 'Menengah', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/tingkat-lanjut.html', 'title': 'Tingkat Lanjut', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/daftar-member-aktif.html', 'title': 'Daftar Member Aktif', 'isCurrentPage': false}, {'href': 'http://hompimpaalaihumgambreng.blogspot.com/p/notifikasi.html', 'title': 'Notifikasi', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
</script>
</body>
</html>